@import '../../assets/css/reset.css';
@import '../../assets/css/common.css';
@import '../../assets/css/property.css';
@import '../../assets/libs/swiper/swiper-bundle.css';
.swiper {
  width: 100%;
  height: 680px;
}
.swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-button-prev {
  width: 60px;
  height: 90px;
  background: rgba(0, 0, 0, 0.5);
}
.swiper-button-next {
  width: 60px;
  height: 90px;
  background: rgba(0, 0, 0, 0.5);
}
.services {
  width: 1080px;
  height: 508px;
  padding-top: 94px;
}
.servicestext2 {
  font-size: 40px;
  text-align: center;
  color: #181818;
  line-height: 60px;
}
.servicestext1 {
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 5px;
}
.servicestext {
  text-align: center;
}
.servicestext a {
  line-height: 32px;
  font-size: 12px;
  color: #1271ef;
}
.ul1 {
  margin-top: 10px;
}
.ul1 li {
  width: 240px;
  height: 280px;
  background: #fff;
  box-shadow: 2px 4px 10px 0 #1271ff;
}
.text1 {
  font-size: 22px;
  color: #181818;
  line-height: 34px;
  padding-left: 22px;
}
.text2 {
  font-size: 12px;
  color: #666;
  line-height: 24px;
  padding-left: 22px;
}
.text3 {
  font-size: 12px;
  line-height: 31px;
  color: #1271ef;
  padding-left: 22px;
}
.api {
  padding-top: 90px;
  width: 100%;
  height: 642px;
  background: #f8f9fb;
  background-image: url('../../assets/imgs/more-api-bg.svg');
}
.ul2 {
  margin-top: 30px;
  width: 100%;
  height: 341px;
}
.ul2 li {
  width: 224px;
  height: 138px;
  box-shadow: 2px 4px 10px 0 #1271ff;
}
.p1 {
  font-size: 16px;
  line-height: 40px;
  color: #181818;
  margin-left: -5px;
}
.ul2 li:hover .p1 {
  color: #fff;
}
.ul2 li a {
  display: inline-block;
  width: 224px;
  height: 138px;
  text-align: center;
}
.ul2 li a img {
  margin-top: 35px;
}
.a1 {
  color: #1271ef;
}
.p2 {
  text-align: center;
}
.APIMaster1 {
  width: 605px;
  height: 605px;
}
.APIMaster2 {
  width: 100%;
  height: 605px;
  background: url('../../assets/imgs/master-left-bg.svg') no-repeat;
  margin-top: 20px;
  margin-bottom: 100px;
}
.ul3 li {
  width: 507px;
  height: 81px;
  margin-top: 18px;
  position: relative;
  overflow: hidden;
  margin-left: 80px;
  background: #fbfbfd;
}
.ul3 li .span3 {
  display: inline-block;
  width: 4px;
  height: 24px;
  background: #1271ef;
  position: absolute;
  top: 28px;
}
.p4 {
  line-height: 26px;
  color: #333;
  font-size: 18px;
  background: url('../../assets/imgs/master-item-icon-01.svg') no-repeat center left;
  padding-left: 23px;
}
.p5 {
  line-height: 22px;
  color: #666;
  font-size: 12px;
}
.div1 {
  margin-left: 20px;
  margin-top: 10px;
}
.p6 {
  line-height: 26px;
  color: #333;
  font-size: 18px;
  background: url('../../assets/imgs/master-item-icon-02.svg') no-repeat center left;
  padding-left: 23px;
}
.p7 {
  line-height: 26px;
  color: #333;
  font-size: 18px;
  background: url('../../assets/imgs/master-item-icon-03.svg') no-repeat center left;
  padding-left: 23px;
}
.p8 {
  line-height: 26px;
  color: #333;
  font-size: 18px;
  background: url('../../assets/imgs/master-item-icon-04.svg') no-repeat center left;
  padding-left: 23px;
}
.p9 {
  line-height: 26px;
  color: #333;
  font-size: 18px;
  background: url('../../assets/imgs/master-item-icon-05.svg') no-repeat center left;
  padding-left: 23px;
}
.p10 {
  line-height: 26px;
  color: #333;
  font-size: 18px;
  background: url('../../assets/imgs/master-item-icon-06.svg') no-repeat center left;
  padding-left: 23px;
}
.div3 {
  margin-bottom: 100px;
}
.industry .wrap {
  position: relative;
}
.industry1 {
  width: 100%;
  height: 270px;
  position: absolute;
  top: -20px;
  opacity: 0;
  transition: all 2s;
}
.industry1 .industry2 {
  margin-left: 50px;
}
.industry1 .industry2 .industry4 {
  margin-top: 40px;
}
.industry1 .industry2 .industry3 {
  width: 20px;
  height: 3px;
  background: #1271ef;
  margin-top: 8px;
  margin-right: 8px;
}
.industry {
  width: 100%;
  height: 270px;
  background: #f8f9fb;
}
.security1 {
  width: 100%;
  height: 343px;
  margin-top: 100px;
}
.ul5 li {
  width: 200px;
  height: 142px;
  text-align: center;
}
.ul5 li p {
  line-height: 52px;
}
.li6 {
  padding-top: 18px;
}
.trial1 {
  width: 100%;
  height: 241px;
  background: url('../../assets/imgs/login-register-bg.svg') #1271ef;
  overflow: hidden;
}
.trial1 p {
  text-align: center;
  font-size: 32px;
  color: #fff;
  margin-top: 60px;
}
.a8 {
  display: block;
  width: 150px;
  height: 42px;
  background: #1271ef;
  border: 1px solid #fff;
  text-align: center;
  line-height: 42px;
  margin-left: 500px;
  margin-top: 50px;
}
